.robot-wrapper,.setRobot{width: 29.4%;height: 160px;background-color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 44px 3.8% 70px 0;float: left; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.robot-wrapper:hover,.setRobot:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-webkit-box-shadow: 0 3px 3px 2px rgba(114,114,114,0.14);-moz-box-shadow: 0 3px 3px 2px rgba(114,114,114,0.14);box-shadow: 0 3px 3px 2px rgba(114,114,114,0.14);}
.robot-wrapper .robot-l{width: 35.7%;padding-top:40px;text-align: center;float: left;}
.robot-wrapper .robot-l img{display: inline-block; width: 80px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.robot-wrapper .robot-r{float: left;width: 64.2%;}
.robot-wrapper .robot-r p{padding-top: 36px; }
.robot-wrapper .robot-r p span{display: inline-block;font-size: 20px;color: #333;vertical-align: middle;max-width: 156px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.robot-wrapper .robot-r p i{font-size: 12px;color: #fff;padding:0 12px;height: 16px;line-height: 16px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius:  8px;vertical-align: middle; margin-left: 7px;}
.robot-wrapper .robot-r p i.free{background-color: #00d2ac;}
.robot-wrapper .robot-r p i.standard{background-color: #ffb37f;}
.robot-wrapper .robot-r p i.children{background-color: #7a91f9;}
.robot-wrapper .robot-r .percentage-wrapper{width: 210px;height: 10px;overflow: hidden;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #eee;margin-top: 16px;}
.robot-wrapper .robot-r .percentage-wrapper .per-con{width: 0; height: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #00a3f0; }
.robot-wrapper .robot-r .url-to-wrp{font-size: 0; width: 220px;border: #ccc solid 1px;height: 32px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;margin-top: 20px;}
.robot-wrapper .robot-r .url-to-wrp a{border-right: #ccc solid 1px;color: #666;font-size: 14px;width: 72px;text-align: center;line-height: 32px; display: inline-block;height: 100%;}
.robot-wrapper .robot-r .url-to-wrp a:hover{color: #00a3f0;}
.robot-wrapper .robot-r .url-to-wrp a:last-child{border-right: none;}
.setRobot{line-height: 160px;font-size: 18px;color: #333;text-align: center;cursor: pointer;overflow: hidden;}
.setRobot span{display: inline-block;width: 16px;height: 16px;background: url("img/addrobot.png") no-repeat;vertical-align: middle;margin-right: 16px;}

@media all and (max-width:1500px) {
    .robot-wrapper,.setRobot{width: 45%;margin: 44px 4.5% 30px 0;}
}


.alertBox{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:none}
.alertBox .cenMain{width:802px;height:500px;background:#fff;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;position:absolute;left:50%;top:50%;margin-left:-401px;margin-top:-250px}
.alertBox .nc_code{margin-top:34px;margin-left:86px;width:420px}
.alertBox .nc_code_l{float:left;height:38px;line-height:38px;font-size:14px;color:#00a3f0;width:104px}
.alertBox .nc_code_r{float:left;height:38px;line-height:38px;font-size:12px;color:#f33e3e;width:124px;margin-left:14px;display:none}
.alertBox .nc_code_m{float:left;width:154px;height:36px;line-height:36px;border:#00a3f0 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.alertBox p{text-align:center;font-size:18px;color:#00a3f0;padding-top:47px}
.alertBox ul{padding-left:87px;padding-top:34px}
.alertBox li{float:left;position:relative;font-size:14px;color:#4f5f6f;width:100px;height:143px;border:#00a3f0 solid 1px;margin-right:29px;text-align:center;line-height:143px;background:#ecf0f7;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;cursor:pointer}
.alertBox li a{position:absolute;top:98px;width:100%;text-align:center;left:0;height:16px;line-height:0;color:#4f5f6f}
.alertBox .sel{font-size:14px;color:#4f5f6f;border:#00a3f0 solid 1px;background:#ecf0f7;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:620px;height:57px;line-height:57px;text-align:center;margin:32px auto 0;cursor:pointer}
.alertBox .active{background:#00a3f0;color:#fff}
.alertBox .active a{color:#fff}
.alertBox .suBox{text-align:center;margin-top:34px}
.alertBox .suBox a{display:inline-block;width:88px;height:35px;line-height:35px;text-align:center;color:#fff;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.alertBox .suBox .sure{background:#00a3f0;margin-right:32px}
.alertBox .suBox .sure:hover{background:#54c4f8}
.alertBox .suBox .fals{background:#bac7d8}
.alertBox .suBox .fals:hover{background:#cedcef}
.alertBox .close{width:24px;height:24px;border:#cbcbcb solid 1px;-ms-border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-o-border-radius:25px;border-radius:25px;background:#f4f3f0;color:#666;text-align:center;line-height:24px;right:15px;top:15px;position:absolute;cursor:pointer}






















